<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/user.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="lt"></div>
      <div class="ct">我的</div>
      <div class="rt"></div>
    </div>
    <div class="profile-info">
      <img class="avatar" src="./static/demo/idx-brand.jpg"/>
      <div class="info">
        <a class='name' href="login.html">点击登录</a>
        <!-- <span class='name' >阿飞哥</span> -->
      </div>
      <img  class='btn' src='./static/images/address_right.png'/>
    </div>
  
    <div class="user-menu">
      <div class="item">
        <a href="order.html" class="a">
          <span class="icon order"></span>
          <span class="txt">我的订单</span>
        </a>
      </div>
      <div class="item">
        <a href="" class="a">
          <span class="icon coupon"></span>
          <span class="txt">优惠券</span>
        </a>
      </div>
      <div class="item no-border">
        <a href="" class="a">
          <span class="icon gift"></span>
          <span class="txt">礼品卡</span>
        </a>
      </div>
      <div class="item">
        <a href="collect.html" class="a">
          <span class="icon address"></span>
          <span class="txt">我的收藏</span>
        </a>
      </div>
      <div class="item">
        <a href="footprint.html" class="a">
          <span class="icon security"></span>
          <span class="txt">我的足迹</span>
        </a>
      </div>
      <div class="item no-border">
        <a href="" class="a">
          <span class="icon kefu"></span>
          <span class="txt">会员福利</span>
        </a>
      </div>
      <div class="item">
        <a href="address.html" class="a">
          <span class="icon address"></span>
          <span class="txt">地址管理</span>
        </a>
      </div>
      <div class="item">
        <a href="" class="a">
          <span class="icon security"></span>
          <span class="txt">账号安全</span>
        </a>
      </div>
      <div class="item no-border">
        <a href="" class="a">
          <span class="icon kefu"></span>
          <span class="txt">联系客服</span>
        </a>
      </div>
      <div class="item item-bottom">
        <a href="" class="a">
          <span class="icon help"></span>
          <span class="txt">帮助中心</span>
        </a>
      </div>
      <div class="item item-bottom">
        <a href="" class="a">
          <span class="icon feedback"></span>
          <span class="txt">意见反馈</span>
        </a>
      </div>
    </div>
  
    <div class="logout" bindtap="exitLogin">退出登录</div>

     <!-- 底部TabBar区域 -->
  <div class="tab-bar">
    <a href="index.html">
      <img src="./static/images/ic_menu_choice_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
      <span>首页</span>
    </a>
    <a href="topic.html">
      <img src="./static/images/ic_menu_topic_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
      <span>专题</span>
    </a>
    <a href="cate.html">
      <img src="./static/images/ic_menu_sort_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_sort_pressed.png" alt=""> -->
      <span>分类</span>
    </a>
    <a href="cart.html">
      <img src="./static/images/ic_menu_shoping_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
      <span>购物车</span>
    </a>
    <a href="user.html"  class="active">
      <!-- <img src="./static/images/ic_menu_me_nor.png" alt=""> -->
      <img src="./static/images/ic_menu_me_pressed.png" alt="">
      <span>我的</span>
    </a>
  </div>  
  </div>

</body>
</html>